<template>
  <div class="wrapper">
    <swiper :options="swiperOption">
      <!--slides-->
      <swiper-slide class="slide_a"><img src="../../assets/img/bottom01.jpg"/></swiper-slide>
      <swiper-slide class="slide_a"><img src="../../assets/img/bottom02.jpg"/></swiper-slide>
      <swiper-slide class="slide_a"><img src="../../assets/img/bottom03.jpg"/></swiper-slide>
      <swiper-slide class="slide_a"><img src="../../assets/img/bottom04.jpg"/></swiper-slide>
      <!--Optional controls-->
      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
  </div>
</template>

<script>
  export default {
      name: 'HomeSwiper',
    data (){
          return{
              swiperOption:{
                  //swiper参数 和官网一模一样
                autoplay:1500,
                pagination:'.swiper-pagination',
                loop: true
              }
          }
    }
    }
</script>

<style lang="stylus" scoped>
  .wrapper{
    width: 100%;
    .slide_a img{
       width: 100%;
     }
  }

</style>
